<!DOCTYPE html>
<html lang="en">
<head>
    <title>ReportBro Demo Certificate</title>
    <meta charset="utf-8"/>
    <link href="base.css" rel="stylesheet" type="text/css"/>
    <link href="../dist/reportbro.css" rel="stylesheet" type="text/css"/>
    <script src="../dist/reportbro.js"></script>

    <style type="text/css">
        @font-face {
            font-family: "tangerine";
            src: url("fonts/tangerine.ttf");
        }
    </style>

</head>
<body>
    <div id="reportbro"></div>

    <script type="text/javascript">

const report =
    {"docElements":[{"elementType":"text","id":17,"containerId":"0_content","x":0,"y":0,"width":842,"height":595,"content":"","richText":false,"richTextContent":null,"richTextHtml":"","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"left","verticalAlignment":"top","textColor":"#000000","backgroundColor":"","font":"helvetica","fontSize":12,"lineSpacing":1,"borderColor":"#E2C07E","borderWidth":5,"borderAll":true,"borderLeft":true,"borderTop":true,"borderRight":true,"borderBottom":true,"paddingLeft":2,"paddingTop":2,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"text","id":18,"containerId":"0_content","x":111,"y":191,"width":620,"height":40,"content":"CERTIFICATE OF EXCELLENCE","richText":false,"richTextContent":null,"richTextHtml":"","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"middle","textColor":"#e2c07e","backgroundColor":"","font":"times","fontSize":"36","lineSpacing":1,"borderColor":"#000000","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":false,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":2,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"text","id":22,"containerId":"0_content","x":130,"y":469,"width":220,"height":20,"content":"Place, Date","richText":false,"richTextContent":null,"richTextHtml":"","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"top","textColor":"#000000","backgroundColor":"","font":"helvetica","fontSize":12,"lineSpacing":1,"borderColor":"#0b5394","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":true,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":5,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"text","id":24,"containerId":"0_content","x":130,"y":439,"width":220,"height":30,"content":"${Place}, ${Date}","richText":false,"richTextContent":null,"richTextHtml":"","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"bottom","textColor":"#073763","backgroundColor":"","font":"tangerine","fontSize":"26","lineSpacing":1,"borderColor":"#000000","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":false,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":2,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"text","id":25,"containerId":"0_content","x":440,"y":439,"width":270,"height":30,"content":"${Issuer}","richText":false,"richTextContent":null,"richTextHtml":"","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"bottom","textColor":"#073763","backgroundColor":"","font":"tangerine","fontSize":"26","lineSpacing":1,"borderColor":"#000000","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":false,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":2,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"text","id":26,"containerId":"0_content","x":440,"y":469,"width":270,"height":20,"content":"Certification Body","richText":false,"richTextContent":null,"richTextHtml":"","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"top","textColor":"#000000","backgroundColor":"","font":"helvetica","fontSize":12,"lineSpacing":1,"borderColor":"#0b5394","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":true,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":5,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"text","id":29,"containerId":"0_content","x":111,"y":262,"width":620,"height":148,"content":"is hereby granted to","richText":true,"richTextContent":{"ops":[{"insert":"is hereby granted to"},{"attributes":{"align":"center"},"insert":"\n"},{"attributes":{"font":"tangerine","size":"60px","color":"#a64d79"},"insert":"${Name}"},{"attributes":{"align":"center"},"insert":"\n"},{"insert":"for outstanding performance in the class of 2021"},{"attributes":{"align":"center"},"insert":"\n"}]},"richTextHtml":"<p class=\"ql-align-center\">is hereby granted to</p><p class=\"ql-align-center\"><span class=\"ql-font-tangerine\" style=\"font-size: 60px; color: rgb(166, 77, 121);\">${Name}</span></p><p class=\"ql-align-center\">for outstanding performance in the class of 2021</p>","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"middle","textColor":"#000000","backgroundColor":"","font":"helvetica","fontSize":"12","lineSpacing":"1.3","borderColor":"#000000","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":false,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":2,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"text","id":30,"containerId":"0_content","x":111,"y":161,"width":620,"height":30,"content":"The ReportBro","richText":false,"richTextContent":null,"richTextHtml":"","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"middle","textColor":"#000000","backgroundColor":"","font":"helvetica","fontSize":"18","lineSpacing":1,"borderColor":"#000000","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":false,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":2,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false},{"elementType":"image","id":31,"containerId":"0_content","x":0,"y":0,"width":842,"height":131,"source":"","image":"","imageFilename":"frame2.png","horizontalAlignment":"center","verticalAlignment":"middle","backgroundColor":"","printIf":"","removeEmptyElement":false,"link":"","spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_addEmptyRow":false},{"elementType":"text","id":34,"containerId":"0_content","x":77,"y":570,"width":687,"height":20,"content":"","richText":true,"richTextContent":{"ops":[{"attributes":{"size":"10px","color":"#cccccc"},"insert":"Image downloaded from "},{"attributes":{"size":"10px","color":"#cccccc","link":"https://www.freepik.com/free-vector/luxury-golden-floral-background_840037.htm"},"insert":"https://www.freepik.com/free-vector/luxury-golden-floral-background_840037.htm"},{"attributes":{"size":"10px","color":"#cccccc"},"insert":" (Designed by Freepik)"},{"insert":"\n"}]},"richTextHtml":"<p><span style=\"font-size: 10px; color: rgb(204, 204, 204);\">Image downloaded from </span><a href=\"https://www.freepik.com/free-vector/luxury-golden-floral-background_840037.htm\" rel=\"noopener noreferrer\" target=\"_blank\" style=\"font-size: 10px; color: rgb(204, 204, 204);\">https://www.freepik.com/free-vector/luxury-golden-floral-background_840037.htm</a><span style=\"font-size: 10px; color: rgb(204, 204, 204);\"> (Designed by Freepik)</span></p>","eval":false,"styleId":"","bold":false,"italic":false,"underline":false,"strikethrough":false,"horizontalAlignment":"center","verticalAlignment":"middle","textColor":"#cccccc","backgroundColor":"","font":"helvetica","fontSize":"10","lineSpacing":1,"borderColor":"#000000","borderWidth":1,"borderAll":false,"borderLeft":false,"borderTop":false,"borderRight":false,"borderBottom":false,"paddingLeft":2,"paddingTop":2,"paddingRight":2,"paddingBottom":2,"printIf":"","removeEmptyElement":false,"alwaysPrintOnSamePage":true,"pattern":"","link":"","cs_condition":"","cs_styleId":"","cs_bold":false,"cs_italic":false,"cs_underline":false,"cs_strikethrough":false,"cs_horizontalAlignment":"left","cs_verticalAlignment":"top","cs_textColor":"#000000","cs_backgroundColor":"","cs_font":"helvetica","cs_fontSize":12,"cs_lineSpacing":1,"cs_borderColor":"#000000","cs_borderWidth":"1","cs_borderAll":false,"cs_borderLeft":false,"cs_borderTop":false,"cs_borderRight":false,"cs_borderBottom":false,"cs_paddingLeft":2,"cs_paddingTop":2,"cs_paddingRight":2,"cs_paddingBottom":2,"spreadsheet_hide":false,"spreadsheet_column":"","spreadsheet_colspan":"","spreadsheet_addEmptyRow":false,"spreadsheet_textWrap":false}],"parameters":[{"id":20,"name":"Name","type":"string","arrayItemType":"string","eval":false,"nullable":false,"pattern":"","expression":"","showOnlyNameType":false,"testData":"Max Supermaster"},{"id":21,"name":"Date","type":"date","arrayItemType":"string","eval":false,"nullable":false,"pattern":"d. MMMM yyyy","expression":"","showOnlyNameType":false,"testData":"2017-08-15"},{"id":23,"name":"Place","type":"string","arrayItemType":"string","eval":false,"nullable":false,"pattern":"","expression":"","showOnlyNameType":false,"testData":"Vienna"},{"id":27,"name":"Issuer","type":"string","arrayItemType":"string","eval":false,"nullable":false,"pattern":"","expression":"","showOnlyNameType":false,"testData":"ReportBro School of Excellence"}],"styles":[],"version":3,"documentProperties":{"pageFormat":"A4","pageWidth":"","pageHeight":"","unit":"mm","orientation":"landscape","contentHeight":"","marginLeft":"","marginTop":"","marginRight":"","marginBottom":"","header":false,"headerSize":"80","headerDisplay":"always","footer":false,"footerSize":"80","footerDisplay":"always","patternLocale":"en","patternCurrencySymbol":"$"}};

const rb = new ReportBro(document.getElementById('reportbro'), {
    //remove reportServerUrl if you want to use the default report server for a quick start
    reportServerUrl: 'http://localhost:5000/report/run',
    menuShowDebug: true,
    adminMode: false,
    showGrid: false,
    enableSpreadsheet: false,
    additionalFonts: [ { name: 'Tangerine', value: 'tangerine'} ]
});
rb.load(report);

    </script>

    </body>
</html>
